<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./res/feedback.css">
    <script type="text/javascript" style="./src/feedback.js"></script>
    <title>FlyStudioKey&nbsp;|&nbsp;QMCL反馈</title>
</head>
<body>
    <div style="background-color: #6699FF;overflow: auto;padding: 0px;" class="head">
        <div style="display: inline;float: left;">
            <p style="margin:0px;border: 0px;padding: 0px;font: 500 30pt 微软雅黑;" id="docTitle">
                FSK - FlyStudioKey
            </p>
        </div>
		<div class="listfloat headlist">
			<ul>
				<li>
                    <a href="feedback.html">
						<input type="button" value="反馈" class="loginButton" >
					</a>
				</li>
                <li>
					<a href="login.html">
						<input type="button" value="登录" class="loginButton" >
					</a>
				</li>
                <li>
					<a href="about.html">
						<input type="button" value="关于" class="loginButton" >
					</a>
				</li>
				<li>
					<a href="index.html">
						<input type="button" value="首页" class="loginButton">
					</a>
				</li>
			</ul>
		</div>
    </div>
    <div id="midPanel" class="midPanel">
        <p style="font: 300 40pt 微软雅黑;margin-bottom: 2%;white-space: nowrap;">
            在此输入反馈内容
        </p>
        <form action="https://testapi.flystudiokey.xyz/feedback" onsubmit="return validateForm()" method="POST" name="feedbackForm">
            <p style="display: inline;margin-right: 1%;font-size: 18pt;font-weight: 300;">
                您的邮箱
            </p>
            <input type="text" id="emailInput" class="input" name="email" placeholder="fsk@mail.flystudiokey.cn"/>
            <br>
            <br>
            <p style="display: inline;margin-right: 1%;font-size: 18pt;font-weight: 300;">
                您的称呼
            </p>
            <input type="text" id="nameInput" class="input" name="name" placeholder="name"/>
            <br>
            <br>
            <p style="display: inline;margin-right: 1%;font-size: 18pt;font-weight: 300;">
                QMCL版本
            </p>
            <input type="text" id="versionInput" class="input" name="qmclVersion" placeholder="例如 Q Build RC-3 或 0.0.1 RC-3">
            <br>
            <br>
            <p style="display: inline;margin-right: 3.5%;font-size: 18pt;font-weight: 300;">
                类型
            </p>
            <input type="radio" id="typeInput1" name="type1" value="flashback" placeholder="闪退">
            <p style="display: inline;">
                闪退
            </p>
            <input type="radio" id="typeInput1" name="type1" value="trackback" placeholder="严重问题报错">
            <p style="display: inline;">
                严重问题报错
            </p>
            <input type="radio" id="typeInpu1" name="type1" value="other" placeholder="其他">
            <p style="display: inline;">
                其他
            </p>
            <p style="display: inline;color: #B3B3B3;">
                请将问题填写至详细信息
            </p>
            <br>
            <p style="margin-right: 1%;font-size: 18pt;font-weight: 300;">
                详细信息
            </p>
            <textarea maxlength="200" name="detailedInformation" placeholder="输入详细信息" class="input" style="width: 50%;height: 100%;" rows="10" id="textarea"></textarea>
            <br>
            <p style="margin-right: 1%;font-size: 18pt;font-weight: 300;">
                注意！我们不是神！我们是无法通过你们的只言片语来定位问题的！<br />
                所以，报告问题时不要丢下一句「启动器出错了」、「无法启动游戏」就跑，在没有日志、报错截图等信息的辅助下，我们 不可能 知道网线对面的你遇到了什么。
            </p>
            <input type="submit" value="提交" class="submit" style="margin-top: 0%;width: 100%;">
        </form>
    </div>
    <a href="https://beian.miit.gov.cn">
        <p style="text-align: center;white-space: nowrap;">
            滇ICP备2022000802号-1
        </p>
    </a>
</body>
</html>